import React, { Component } from "react";
class Components extends Component {
  render() {
    return (
      <div className="header">
        <div className="main-container">
          <a className="logo-con left">
            <img
              src=""
              className="logo-icon"
              src="https://dig.chouti.com/images/logo-c30a1a3941.png"
            />
            <img
              src=""
              className="logo-txt"
              src="https://dig.chouti.com/images/logo_txt-06bb1545d4.png"
            />
          </a>
          {/* 导航 */}
          <nav className="left">
            <ul className="nav-ul">
              <li className="nav-li">
                <span>首页</span>
              </li>
              <li className="nav-li">
                <span>专区</span>
                <span className="trangle-icon"></span>
              </li>
              <li className="nav-li">
                <span>人类发布</span>
              </li>
              <li className="nav-li">
                <span>视频</span>
              </li>
              <li className="nav-li">
                <span>发现</span>
                <span className="trangle-icon"></span>
              </li>
              <li className="nav-li">
                <span>话题</span>
              </li>
            </ul>
          </nav>
          {/* 登录 */}
          <a className="btn1 login-btn">登录</a>
          {/* 按钮 */}
          <a className="publish-btn">
            {/* <img class="publish-icon" src="/images/publish-8b6a56e521.png"> */}
            <img
              src="https://dig.chouti.com/images/publish-8b6a56e521.png"
              className="publish-icon"
            />
          </a>
          {/* 搜索 */}
          <div className="search">
            <input type="text" className="search-input" placeholder="搜索" />
            <span className="search-icon"></span>
          </div>
        </div>
      </div>
    );
  }
}
export default Components;
